@import '../../../../shared/src/components/Toggle';

.options-header {
    display: flex;
    align-items: stretch;
    justify-content: space-between;

    &__logo {
        flex: 1;
        max-width: 65%;
        width: 300px;
    }

    &__version {
        flex: 1;
        display: flex;
        align-items: center;

        font-weight: 500;
        color: $color-light-bg-5;
        margin-left: 30px;
    }

    &__right {
        flex: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;

        font-weight: 600;
        color: $color-light-bg-5;
    }

    &__settings {
        background-color: transparent;
        color: inherit;

        padding: 0.5rem;

        &:hover,
        &:focus {
            color: $gray-23;
        }
    }
}
